<template>
  <div class="start">
    <image class="logo" src="../../static/logo.png" mode="widthFix"></image>
    <div class="btn">
      <button type="primary" @click="login">登录</button>
      <button type="default"  @click="register">注册</button>
    </div>
  </div>
</template>

<script>
  // 这是一个程序开始页面
  export default{
    methods:{
      login(){
        uni.navigateTo({
          url: '../login/login'
        });
      },
      register(){
        uni.navigateTo({
          url: '../register/register'
        });
      }
    }
  }
</script>

<style lang="scss" scoped>
  page {
    width: 100%;
    height: 100%;

    .start {
      width: 100vw;
      height: 100vh;
      overflow: hidden;
      background: url(../../static/start.jpg) no-repeat;
      background-size: 100% 100%;
      position: relative;

      .logo {
        width: 80px;
        height: 80px;
        border-radius: 50px;
        position: absolute;
        top: 70vh;
        left: 50%;
        transform: translate(-50%);
      }

      .btn {
        display: flex;
        align-items: center;
        justify-content: space-around;
        width: 100vw;
        position: absolute;
        bottom: 0;
        padding-bottom: 50px;
      }
    }
  }
</style>
